<template>
  <view class="teleplay-list" v-if="list.length > 0">
    <CardItem class="teleplay-item" v-for="item in list" :key="item.video_id" :item="item"></CardItem>
  </view>
  <u-empty v-else mode="list" :text="'暂无' + title"> </u-empty>
</template>

<script>
import CardItem from './TeleplayCard.vue'
export default {
  components: { CardItem },
  props: {
    list: {
      type: Array,
      required: true,
    },
    title: {
      type: String,
      required: true,
    }
  },
  data() {
    return {}
  },
  methods: {},
}
</script>
<style lang="scss" scoped>
.teleplay-list {
  width: 690rpx;
  display: flex;
  flex-wrap: wrap;

  .teleplay-item {
    width: 30%;
    height: 296rpx;
    margin: 0 30rpx 110rpx 0;

    &:nth-child(3n) {
      margin: 0;
    }
  }
}
</style>
